*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.clearfix:after,
.clearfix:before{
    content:"";
    display: block;
    clear:both;
}
.nav1{
    padding-right:10px;
}
.navbar-brand{
    padding-top:0;
}
.navbar{
    border-bottom:1px #e7e7e7 solid;
}
.input{
    width:249px;
}
.input-group .mb-3{
    margin-bottom:0;
}
.input-group-append{
    margin-right:30px;
}
.button-1 a{
    padding-left:4px;
}
main{
    margin-top:124px;
}
.main-1{
    text-align: center;
    background-image: url(../img/1020px.png);
    border-bottom:1px solid #cccccc;
}
.carousel-indicators{
    top:200px;
}
.carousel-indicators .active{
    background: #444;
}
.container{
    text-align: center;
}
.carousel-indicators li{
    border:none;
    background: #666;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.qt img{
    padding-top:50px;
}
.carousel-inner .carousel-item h4 a{
    color:#02aeee;
}
.main-2{
    padding-top:178px;
}
.main-2 img{
    width: 100%;
}
.main-2 .container{
    position: relative;
}
.main-2 .container .wb{
    text-align: right;
    position: absolute;
    top:30px;
    right:20px;
}
.main-2 .container p{
    margin-bottom:5px;
}
.main-3{
    background-color: #f5f5f5;
    margin-top:16px;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
}
.col-md-3 a{
    display: block;
}
.main-3-1 .container{
    padding-top:40px;
}
.main-3-2 .container,.main-4 .container{
    text-align:inherit;
    padding-top:30px;
}
.main-3-2 .col-md-3 p{
    padding-bottom:14px;
}
.main-3-2 .col-md-3 a{
    text-decoration: none;
}
.main-3 h5{
    padding-top:6px;
}
.main-3 .col-md-3 a,.main-3 .col-md-2 a{
    color:#333333;
}
.main-4 .container h2{
    color:#00adee;
}
.card{
    border-radius:0;
}
.main-5 .card:hover{
    box-shadow: 0 8px 12px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.12);
    transition: all .5s linear;
}
.main-5 .hheader button{
    border-radius:0;
    outline: none;
}
.main-5 .card-body{
    height:364px;
}
.main-7 .container,.footer .container,.main-8 .container{
    text-align:inherit;
}
.main-7 .card{
    border:none;
}
.main-7 a{
    color:#6fd1f5;
    font-size: 14px;
}
.main-8{
    margin-top:70px;
}
.footer{
    background-color: #f5f5f5;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
}
.footer .col-md-4 a{
    display: block;
}
.footer .col-md-4 p{
    margin-bottom: 2px;
}
li{
    list-style-type: none;
}
footer{
    margin-bottom:20px;
}
.footer .col-md-12 p{
    margin-bottom:0;
}
.footer .col-md h4{
    font-size:18px;
}
.footer a{
    color:#333;
}
.footer .col-md{
    margin-right:10px;
}
@media (max-width:600px) {
    .qt img{
        width:100%;
    }
    .carousel-indicators{
        padding-top:88px;
    }
    .main-3-2 .col-md-3{
        text-align: center;
    }
    .main-1{
        position: relative;
    }
    .main-1 ol{
        position: absolute;
        top:70%;
    }
    .main-2{
        padding-top:30px;
    }
    .main-2 .wb h2{
        font-size: 20px;
    }
    .main-2 .col-md-12 p{
        font-size:13px;
        margin-bottom:0;
    }
    .main-2 .container img{
        width:100%;
    }
    .main-2 .container .wb{
        position: inherit;
        margin-bottom:50px;
        right:6px;
    }
    header .container{
        text-align:inherit;
    }
    header .input-group{
        margin-top:16px;
    }
    header .button-1{
        padding-top:20px;
        padding-bottom:20px;
    }
    .footer .col-md-7 .row{
        margin-left:0;
        margin-right:0;
    }
}